<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Hello MUI</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="css/app.css" />
	</head>

	<body scroll="no">

		<style>
			body {
				background-color: #efeff4;
				width: 100%;
				height: 100%;
				_margin: 0;
				/* 必须 */
				_height: 100%;
				/* 必须 */
				_overflow-y: auto;
				/* 必须 */
			}
			
			html {
				_overflow-x: auto;
				_overflow-y: hidden;
			}
			
			.mui-control-content {
				background-color: white;
				min-height: 527px;
			}
			
			.mui-control-content .mui-loading {
				margin-top: 40px;
			}
			
			.aa {
				margin-top: -20px;
			}
			
			#cdsnum {
				width: 100%;
				margin-left: 16%;
			}
			
			td {
				background-color: #efeff4;
				border: 1px solid #DDDDDD;
				text-align: center;
				height: 50px;
				width: 30px;
				font-family: "微软雅黑";
				color: #fff;
			}
			
			.kecheng {
				width: 100%;
				height: 90%;
			}
			
			th {
				font-family: "微软雅黑";
				color: #777777;
				width: 30px;
			}
			
			p {
				text-align: center;
				font-size: 18px;
				color: #929292;
			}
			
			.kechenggezi {
				background-color: pink;
			}
			
			.kechenggezi2 {
				background-color: #DDDDDD;
			}
			
			.aa1 {
				color: #000000;
			}
			
			.divheight {
				height: 80px;
			}
			
			.mui-content {
				background-color: #efeff4;
			}
			
			.mui-slider-item {
				background-color: #efeff4;
			}
		</style>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="#tabbar">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">课表</span>

			</a>
			<a class="mui-tab-item" href="#tabbar-with-chat">
				<span class="mui-icon mui-icon-email">	</span>
				<span class="mui-tab-label">校园</span>

			</a>

			<a class="mui-tab-item" href="#tabbar-with-map">
				<span class="mui-icon mui-icon-gear"></span>
				<span class="mui-tab-label">我</span>

			</a>

		</nav>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-icon-plusempty mui-icon mui-icon-right-nav mui-pull-right"></a>
			<a class=" mui-icon mui-icon-right-nav mui-pull-left" href="tab-webview-subpage-about.html"><h4>考试</h4></a>

			<h1 class="mui-title">第一周</h1>
		</header>
		<div class="mui-content">
			<div id="slider" class="mui-slider">

				<div class="mui-slider-group">
					<!--第一个页-->
					<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
						<div id="scroll1" class="mui-scroll-wrapper">
							<div class="mui-scroll">

								<!--时间节次-->

								<table id="kecheng" class="kecheng ">
									<tbody>
										<tr id="cdsnum">
											<th>t/k</th>
											<th>周一</br>03-06</th>
											<th>周二</br>03-07</th>
											<th>周三</br>03-08</th>
											<th>周四</br>03-09</th>
											<th>周五</br>03-10</th>
											<th>周六</br>03-11</th>
											<th>周七</br>03-12</th>
										</tr>
									</tbody>
									<tr id="1-1">
										<td id="1" class="aa1">8:00
											<p class="aa1">1</p>
										</td>
										<td id="1" class="kechenggezi" rowspan="3">(特长班)混合平台移动应用开发</td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>

									</tr>
									<tr id="2-1">
										<td id="1" class="aa1">9:00
											<p class="aa1">2</p>
										</td>

										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>

									</tr>
									<tr id="3-1">
										<td id="1" class="aa1">10:00
											<p class="aa1">3</p>
										</td>

										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
									</tr>
									<tr id="4">
										<td id="1-1" class="aa1">11:00
											<p class="aa1">4</p>
										</td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
									</tr>
									<tr id="5-1">
										<td id="1" class="aa1">13:00
											<p class="aa1">5</p>
										</td>
										<td id="1" class="kechenggezi" rowspan="3">(特长班)混合平台移动应用开发</td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
									</tr>
									<tr id="6-1">
										<td id="1" class="aa1">14:00
											<p class="aa1">6</p>
										</td>

										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>

									</tr>

									<tr id="7-1">
										<td id="1" class="aa1">15:00
											<p class="aa1">6</p>
										</td>

										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
									</tr>

									<tr id="8-1">
										<td id="1" class="aa1">16:00
											<p class="aa1">7</p>
										</td>
										<td id="1" class="kechenggezi2" rowspan="3">【非本周】网络应用开发项目</td>
										<td id="1" class="kechenggezi" rowspan="3">(特长班)混合平台移动应用开发</td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1" class="kechenggezi2" rowspan="3">【非本周】网络应用开发项目</td>
										<td id="1" class="kechenggezi2" rowspan="3">【非本周】网络应用开发项目</td>
										<td id="1"></td>
									</tr>
									<tr id="9-1">
										<td id="1" class="aa1">17:00
											<p class="aa1"> 8</p>
										</td>

										<td id="1"></td>
										<td id="1"></td>

										<td id="1"></td>
									</tr>
									<tr id="10-1">
										<td id="1" class="aa1">19:00
											<p class="aa1">9</p>
										</td>

										<td id="1"></td>
										<td id="1"></td>

										<td id="1"></td>
									</tr>
									<tr id="11-1">
										<td id="1" class="aa1">20:00
											<p class="aa1">10</p>
										</td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
										<td id="1"></td>
									</tr>

								</table>
								<div class="divheight"></div>
							</div>
						</div>

					</div>

				</div>
			</div>

		</div>
		<script src="js/mui.min.js"></script>
		<script src="http://code.jquery.com/jquery-latest.js"></script>
		<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
		<script>
			mui.init({
				swipeBack: false
			});
			(function($) {
				$('.mui-scroll-wrapper').scroll({
					indicators: false //是否显示滚动条
				});
			})(mui);
		</script>

	</body>

</html>